<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品中心</title>
    <link rel="stylesheet" href="../css/ProductCenter.css">
    <link rel="stylesheet" href="../utils/iconfont.css">
    <script src="https://wowjs.uk/dist/wow.min.js"></script>
    <link rel="stylesheet" href="../css/animation.css">
</head>

<body>
    <div class="box">
        <div class="center">
            <div class="nav">
                <div class="nav_left">
                    <img src="../img/index/Logo.png" alt="">
                </div>
                <div class="nav_right">
                    <ul>
                        <li><a href="../index.html">首页</a></li>
                        <li><a href="./AboutUs.html">关于我们</a></li>
                        <li><a href="./page/ProductCenter.html">产品中心</a></li>
                        <li><a href="./ReservationCenter.html">预约设计</a></li>
                        <li><a href="./News.html">新闻资讯</a></li>
                        <li><a href="">服务平台</a></li>
                        <li><a href="./page/CallUs.html">联系我们</a></li>
                    </ul>
                </div>
            </div>

            <div class="banner">
                <img src="../img/ProductCenter/banner.png" alt="">

                <div>
                    <p>WARM & HOME & LIFE</p>
                    <p>G&nbsp;&nbsp;I&nbsp;&nbsp;V&nbsp;&nbsp;E
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Y&nbsp;&nbsp;O&nbsp;&nbsp;U
                        &nbsp;&nbsp;&nbsp;&nbsp;A&nbsp;&nbsp;&nbsp;&nbsp;C&nbsp;&nbsp;O&nbsp;&nbsp;M&nbsp;&nbsp;F&nbsp;&nbsp;O&nbsp;&nbsp;R&nbsp;&nbsp;
                        A&nbsp;&nbsp;B&nbsp;&nbsp;L&nbsp;&nbsp;E&nbsp;&nbsp;&nbsp;&nbsp;H&nbsp;&nbsp;O&nbsp;&nbsp;M&nbsp;&nbsp;E
                    </p>
                </div>

                <div>
                    <p>创 新 家 具 领 军 品 牌</p>
                    <p>给 你 温 暖 的 家</p>
                    <div>恣在家</div>
                    <i class="iconfont icon-double-arrow-down wow animate__animated animate__shakeY" data-wow-iteration="200"></i>
                </div>
            </div>

            <div class="urban_chic">
                <div class="urban_chic_title">
                    <p>URBAN&nbsp;&nbsp;&nbsp;CHIC</p>
                    <p>现代都市</p>
                </div>

                <div class="urban_chic_main">
                    <div>
                        <img class="wow animate__animated animate__slideInDown" src="../img/ProductCenter/urban_City_Left.png" alt="">
                        <p class="wow animate__animated animate__slideInUp">清风物语</p>
                    </div>
                    <div>
                        <img class="wow animate__animated animate__slideInDown" src="../img/ProductCenter/urban_City_Middle.png" alt="">
                        <p class="wow animate__animated animate__slideInUp">落落星辰</p>
                    </div>
                    <div>
                        <img class="wow animate__animated animate__slideInDown" src="../img/ProductCenter/urban_City_Right.png" alt="">
                        <p class="wow animate__animated animate__slideInUp">折叠城市</p>
                    </div>
                </div>
            </div>

            <div class="sparkling_city">
                <div class="sparkling_city_title">
                    <p>SPARKLING&nbsp;&nbsp;&nbsp;CITY</p>
                    <p>落落星辰</p>
                </div>
                <div class="sparkling_city_main">
                    <img src="../img/ProductCenter/bg_One.png" alt="">

                    <div>
                        <img class="wow animate__animated animate__slideInLeft" src="../img/ProductCenter/SPARKLING_CITY_One.png" alt="">
                        <img class="wow animate__animated animate__slideInRight" src="../img/ProductCenter/SPARKLING_CITY_Two.png" alt="">

                        <p>习惯了快节奏的工作<br>
                            也习惯在每个夜晚仰星空聆听内心的独白<br>
                            成长是尘埃落定后内心的笃定<br>
                            独立是璀璨星光下时空的静谧<br>
                            暂时抛开钢筋水泥的繁华意向<br>
                            内心的柔软角落直指远方</p>
                    </div>

                    <div>
                        <img src="../img/ProductCenter/SPARKLING_CITY_Five.png" alt="">
                        <img src="../img/ProductCenter/SPARKLING_CITY_Three.png" alt="">
                        <img src="../img/ProductCenter/SPARKLING_CITY_Four.png" alt="">
                        <p>
                            一直在寻找这样的地方<br>
                            一个可以孕育出无数故事与想象的空间美得心照不宣<br>
                            把我的故事，静静说给你听<br>
                            于是我们终于拥有了细水长流的感动<br>
                        </p>
                        <button>了解更多</button>
                    </div>
                </div>

            </div>

            <div class="maple_whisper">
                <div class="maple_whisper_title">
                    <p>MAPLE&nbsp;&nbsp;&nbsp;WHISPER</p>
                    <p>清风物语</p>
                </div>
                <div class="maple_whisper_main">
                    <img src="../img/ProductCenter/bg_Two.png" alt="">
                </div>
                <div class="maple_whisper_main2">
                    <div class="maple_whisper_main2_top">
                        <p>让家 更为美好：</p>
                        <p>生活里，家就是一个简单的单位。<br>
                            一个个家就是一个个温暖的花园<br>
                            多姿多彩的生活，许许多多的光彩，<br>
                            家就是人生的花香满园，有人生的春色迷人，<br>
                            夏日的茂盛，秋季的浪漫。冬天的暖阳。
                        </p>
                        <img src="../img/ProductCenter/Maple_Whisper_One.png" alt="">
                        <button>了解更多</button>
                        <img src="../img/ProductCenter/Maple_Whisper_Two.png" alt="">
                    </div>
                    <div class="maple_whisper_main2_bottom">
                        <img src="../img/ProductCenter/Maple_Whisper_Three.png" alt="">
                        <img src="../img/ProductCenter/Maple_Whisper_Four.png" alt="">
                        <img src="../img/ProductCenter/Maple_Whisper_Five.png" alt="">
                        <p>清风物语 三人沙发</p>
                        <p>清风物语 电视柜</p>
                        <p>清风物语 1.5/1.8软包床</p>
                    </div>
                </div>
            </div>

            <div class="folding_city">
                <div class="folding_city_title">
                    <p>FOLDING&nbsp;&nbsp;&nbsp;CITY</p>
                    <p>折叠城市</p>
                </div>

                <div class="folding_city_main">
                    <img src="../img/ProductCenter/bg_Three.png" alt="">
                </div>

                <div class="folding_city_main2">
                    <div class="folding_city_main2_top">
                        <p>简约家具解读：</p>
                        <p>设计简约，布置灵活，实用不浮夸<br>
                            在忙碌的生活里，我们需要一个随性的家<br>
                            尽情释放心中的浮躁与疲惫<br>
                            聆听自己的心意<br>
                        </p>
                        <img src="../img/ProductCenter/Folding_City_One.png" alt="">
                        <button>了解更多</button>
                        <img src="../img/ProductCenter/Folding_City_Two.png" alt="">
                    </div>
                    <div class="folding_city_main2_bottom">
                        <img src="../img/ProductCenter/Folding_City_Three.png" alt="">
                        <img src="../img/ProductCenter/Folding_City_Four.png" alt="">
                        <img src="../img/ProductCenter/Folding_City_Five.png" alt="">
                        <img src="../img/ProductCenter/Folding_City_Six.png" alt="">
                        <img src="../img/ProductCenter/Folding_City_Seven.png" alt="">
                        <img src="../img/ProductCenter/Folding_City_Eight.png" alt="">
                        <p>简约现代创意茶几</p>
                        <p>简约小圆桌茶几</p>
                        <p>多功能电视柜</p>
                        <p>精美床头柜</p>
                        <p>烤漆时尚多功能收纳柜</p>
                        <p>简约多功能隔断门厅柜</p>
                    </div>
                </div>
            </div>
            <footer>
                <div class="footer_top">
                    <div class="footer_top_center">
                        <ul class="footer_top_center_ul">
                            <li>
                                <a href="">关于我们</a>
                                <ul>
                                    <li>公司简介</li>
                                    <li>文化产品</li>
                                    <li>发展历程</li>
                                </ul>
                            </li>
                            <li>
                                <a href="">产品中心</a>
                                <ul>
                                    <li>现代都市</li>
                                    <li>折叠城市</li>
                                    <li>清风物语</li>
                                    <li>落落星辰</li>
                                </ul>
                            </li>
                            <li>
                                <a href="">预约设计</a>
                                <ul>
                                    <li>精牌设计</li>
                                    <li>设计申请</li>
                                    <li>客户案例</li>
                                </ul>
                            </li>
                            <li>
                                <a href="">新闻资讯</a>
                                <ul>
                                    <li>品牌资讯</li>
                                    <li>热门观点</li>
                                    <li>家具动态</li>
                                    <li>精彩视频</li>
                                </ul>
                            </li>
                            <li>
                                <a href="">服务平台</a>
                                <ul>
                                    <li>理念服务</li>
                                    <li>服务支持</li>
                                    <li>服务承诺</li>
                                    <li>在线报修</li>
                                </ul>
                            </li>
                            <li>
                                <a href="">联系我们</a>
                                <ul>
                                    <li>
                                        <div>
                                            <i class="iconfont icon-dingwei"></i>
                                        </div>
                                        河南省-郑州高新区-万仙山-万仙洞
                                    </li>
                                    <li>
                                        <div>
                                            <i class="iconfont icon-31dianhua"></i>
                                        </div>
                                        110-123456789
                                    </li>
                                    <li>
                                        <div>
                                            <i class="iconfont icon-hulianwang"></i>
                                        </div>
                                        www.110.com
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="footer_bottom">
                    <div class="footer_bottom_left">
                        <p>&copy;2017姿在家家居用品股份有限公司版权所有
                            <span>法律声明及隐私权政策·知识产权</span>新ICP备&nbsp;05003017号新公网安备：65010402001003号</p>
                    </div>

                    <div class="footer_bottom_right">
                        <p>友情链接:</p>
                        <i class="iconfont icon-xinlangweibo"></i><i class="iconfont icon-hulianwang"></i><i
                            class="iconfont icon-weixin"></i><i class="iconfont icon-QQ"></i>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    <script>
        new WOW().init()
    </script>
</body>

</html>